body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

#bck-img {
    width: 100%;
}

#patchList {
    font-size: 24px;
    font-weight: 300;
    width: 100%;
    white-space: nowrap;
}

#patchIcon {
    font-size: 35px;
}

.flow-text {
    font-weight: 300;
}

.brand-logo {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
}

h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

@keyframes youSpinMyHeadRightRound {
    from {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#uSpin {
    animation: youSpinMyHeadRightRound 2s;
    animation-iteration-count: infinite;
}